/* 读书郎UI规范 */

@font-face {
  font-family: 'SourceHanSans CN';
  src:
    local('SourceHanSansCN-Light'),
    local('Source Han Sans CN Light'),
    url('https://ziyuan.ebag.readboy.com/common-assets/fonts/SourceHanSansCN-Light.otf')
      format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SourceHanSans CN';
  src:
    local('SourceHanSansCN-Normal'),
    local('Source Han Sans CN Normal'),
    url('https://ziyuan.ebag.readboy.com/common-assets/fonts/SourceHanSansCN-Normal.otf')
      format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SourceHanSans CN';
  src:
    local('SourceHanSansCN-Medium'),
    local('Source Han Sans CN Medium'),
    url('https://ziyuan.ebag.readboy.com/common-assets/fonts/SourceHanSansCN-Medium.otf')
      format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SourceHanSans CN';
  src:
    local('SourceHanSansCN-Bold'),
    local('Source Han Sans CN Bold'),
    url('https://ziyuan.ebag.readboy.com/common-assets/fonts/SourceHanSansCN-Bold.otf')
      format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SourceHanSans CN';
  src:
    local('SourceHanSansCN-Heavy'),
    local('Source Han Sans CN Heavy'),
    url('https://ziyuan.ebag.readboy.com/common-assets/fonts/SourceHanSansCN-Heavy.otf')
      format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* 标题字号 */
@size-h1: 30px;
@size-h2: 28px;
@size-h3: 26px;
@size-h4: 24px;
@size-h5: 22px;

/* 正文字号、辅助信息字号 */
@size-big: 16px;
@size-base: 14px;
@size-small: 12px;

/* 导航文字字号 */
@size-nav1: 20px;
@size-nav2: 18px;
@size-nav3: 16px;
@size-nav4: 14px;

/* 圆角 */
@radius-small: 3px;
@radius-component: 5px;
@radius-card: 10px;
@radius-panel: 15px;
@radius-panel-big: 20px;

/* 投影 */
@shadow-base: 0px 0px 4.5px 0px rgba(0, 0, 0, 0.05);
@shadow-middle: 0px 0px 9.8px 0px rgba(0, 0, 0, 0.15);
@shadow-top: 0px 0px 4.5px 0px rgba(0, 0, 0, 0.5);

/* 品牌色 */
@color-brand-checked: #1a70e8;
@color-brand-regular: #428fff;
@color-brand-unchecked: #94bfff;
@color-brand-disabled: #b2ccff;

/* 品牌色 辅色 */
@color-brand-assist-light: #e8f6ff;
@color-brand-assist-between: #88acf4;
@color-brand-assist-dark: #3d54d9;

/* 中性色 线条 */
@color-neutral-line-border: #cdced1;
@color-neutral-line-lighter: #e8e8f5;
@color-neutral-line-light: #e6e7e8;
@color-neutral-line-dark: #81858c;

/* 中性色 填充 */
@color-neutral-fill-light: #f2f4f9;
@color-neutral-fill-lighter: #f7f9ff;
@color-neutral-fill-white: #ffffff;
@color-neutral-fill-light-yellow: #fffbf7;

/* 中性色 文字-标题 */
@color-neutral-title-lighter: #4f545f;
@color-neutral-title-light: #434853;
@color-neutral-title-between: #363c48;
@color-neutral-title-dark: #1d2331;
@color-neutral-title-darker: #040b1a;

/* 中性色 文字-正文 */
@color-neutral-body: #686d76;
@color-neutral-body-light: #9b9da3;

/* 中性色 文字-辅色 */
@color-neutral-text-assist: #b4b6ba;
@color-neutral-text-assist-fill: #cdced1;

/* 功能色 成功 */
@color-function-success-lighter: #ebfbdd;
@color-function-success-light: #39de79;
@color-function-success-dark: #4ec680;
@color-function-success-darker: #6fa976;

/* 功能色 警告提醒 */
@color-function-warning-lighter: #fff5db;
@color-function-warning-light: #ffecc1;
@color-function-warning-between: #fbc25e;
@color-function-warning-dark: #d89b25;
@color-function-warning-darker: #965622;

/* 功能色 警告错误 */
@color-function-danger-lighter: #ffd9d7;
@color-function-danger-light: #ff8a78;
@color-function-danger-dark: #ff6d65;
@color-function-danger-darker: #9c5454;
